/**
 * @tabCard :  选项卡
 * @param {*} menuClassName  :选项卡菜单的类选择器
 * @param {*} contentClassName  :选项卡内容的类选择器
 */
function tabCard(menuClassName,contentClassName){
    let menu = document.querySelectorAll(menuClassName)
    let content = document.querySelectorAll(contentClassName)
    
    //定义变量保存上一个菜单的索引
    let index = 0;
    
    menu.forEach(function(v,i){
        v.addEventListener('click',function(){
            //清除上一个菜单的激活样式
            menu[index].classList.remove('active')
    
            //给当前菜单添加激活样式
            this.classList.add('active') 
            
             //清除上一个菜单的激活样式
            content[index].classList.remove('on')
            //显示当前菜单对应的内容
            content[i].classList.add('on')
    
            //将单签索引赋值给index
            index = i
        })
    })
}
